<template>
   <el-tabs v-model="activeName" style="--el-color-primary: var( --el-title-color)" class="demo-tabs" @tab-click="handleClick">
    <el-tab-pane label="测试用例" name="first"><testExamples/></el-tab-pane>
    <el-tab-pane label="执行结果" name="second"><testResult/></el-tab-pane>
    
  </el-tabs>
  
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import type { TabsPaneContext } from 'element-plus'
import testExamples from './testExamples.vue';
import testResult from './testResult.vue';

const activeName = ref('first')

const handleClick = (tab: TabsPaneContext, event: Event) => {
  console.log(tab, event)
}

</script>

<style>
    .demo-tabs{
        color: var( --el-font-color);
    }
 

</style>